<?php use_javascript('reservacion.js') ?>
<script type="text/javascript">
    $(function () {
        $('#fecha').datepicker();
    });
</script>

<h1><b>LISTA DE PASAJEROS</b></h1>

<form action="<?php echo url_for('ventaboletos/listado') ?>" method="POST">
    <div style="margin-bottom:20px">
        <div>
            <b><label style="width: 180px; display: inline-block">Seleccione la ruta:</label></b>
            <select id="ruta" name="ruta">
                <?php foreach ($rutas as $ruta): ?>
                    <option value="<?php echo $ruta->id_ru ?>"><?php echo $ruta->salida, ' -- ', $ruta->llegada ?></option>	
                <?php endforeach ?>
            </select>
        </div>

                
        <div>
            <b><label style="width: 180px; ; display: inline-block">Seleccione la fecha:</label></b>
            <input id="fecha" name="fecha" />
        </div>

        

        <div style="text-align:center">
            <button class="button button-azul" type="submit" title="Buscar turnos">Buscar turnos</button>
            <a href="<?php echo url_for('inicio/index') ?>"><button type="button" class="button2 button-azul" title="Regresar a las Opciones de Boleter&iacute;a"><div class="spritesatras" id="atras_jpg"></div>Opciones de Boleter&iacute;a</button></a> &nbsp;
        </div>
    </div>
</form>

<?php if (isset($turnos)): ?>
    <table class="table">
        <thead>
            <tr id="filascolor">
                <th></th>
                <th>Fecha</th>
                <th>Hora</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($turnos as $turno): ?>
                <tr>
                    <td><a href="<?php echo url_for('ventaboletos/imprimir?id_tu=' . $turno->id_tu) ?>" target="_blank">Ver lista</a></td>
                    <td><?php echo $turno->fecha ?></td>
                    <td><?php echo $turno->hora ?></td>
                </tr>
            <?php endforeach ?> 	
        </tbody>
    </table>
    <?php
 endif ?>